<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>任务一</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<nav>
		<img class="logo" src="images/logo.png">
		<span class="left">新世界</span>
		<span class="login">登录</span>
		<img class="login" src="images/nav_login.png">
		
		<ul>
			<li class="current">首页</li>
			<li>最新活动</li>
			<li>项目介绍</li>
			<li>爱心社区</li>
			<li>关于我们</li>
		</ul>	
		
	</nav>
	<div class="section1">
		<section>
			<h1>Time of new life</h1>
			<p>新时代，年轻的人们让我们一起</p>
			<p>体验新生活，享受新生活</p>
			<a href="">开始体验</a>
		</section>
	</div>
	<div class="section2">
		<ul>
			<li><img src="images/section2_1.png"><p>打造全新世界观<br>让你更爱你的生活</p></li>
			<li><img src="images/section2_2.png"><p>丰富多彩的公益活动<br>发挥世界的主人公意识</p></li>
			<li><img src="images/section2_3.png"><p>时尚的新理念<br>超前体验未知的生活</p></li>
			<li><img src="images/section2_4.png"><p>完善的培养机制<br>培养你全新的世界观</p></li>
		</ul>
	</div>
	<div class="section3">
		<img src="images/section3_logo_.png">
		<h1>关于新世界，你不知道的还有什么？</h1>
	</div>
	<div class="section4">
		<section>
			<h2>查找新世界城市活动信息</h2><hr>
			<h4>每个城市都有不同的活动信息，请自主查询您所需要了解的城市</h4>
		</section>
	</div>
	<div class="section5">
		<ul>
			<li><img src="images/section5_1.png"><h4>北京活动</h4><p>新社区大联盟</p></li>
			<li><h4>上海活动</h4><p>夜上海新景观探索</p><img src="images/section5_2.png"></li>
			<li><img src="images/section5_3.png"><h4>深圳活动</h4><p>全新海岸线观点站</p></li>
			<li><img src="images/section5_4.png"><h4>香港活动</h4><p>奢侈消费大派送</p></li>
		</ul>
	</div>
	<div class="section6">
		<div class="left">
			<div class="content">
				<h2>新世界</h2>
				<h1>TIME</h1>
				<h4>@新世界-北京</h4>
				<h4>2016.04.01</h4>
			</div>
		</div>
		<div class="right">
			<section>
				<h2>新世界/<span>01</span></h2>
				<p>新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界</p>
				<a href="">更多详情</a>
			</section>
		</div>
	</div>
	<div class="section7">
		<div class="first">
			<section>
				<h3>新时代</h3>
				<h3>关于爱生活的我们</h3>
				<hr>
				<a href="">查看更多</a>
			</section>
		</div>
		<div class="second">
			<section>
				<h3>新时代</h3>
				<h3>关于爱生活的我们</h3>
				<hr>
				<a href="">查看更多</a>
			</section>
		</div>
		<div class="three"></div>
	</div>
	<div class="section8"></div>
	<div class="section9"></div>
	<footer>copyright &copy; 青玉</footer>
</body>
</html>